/**
 * 
 * @authors kroyo
 * @date    2017-09-05 09:36:43
 * @version 1.0.0
 * 下拉列表
 */

//下拉列表定义变量
var ondownArr = [true,true,true];

$('#web').on('click',function(e){
	var target = e.target.parentNode.parentNode;
	switch(true){
		//1.交易模式
		case hasClass(target,'tran-mode'):
			//1.关闭需求阶段
	    	closeSelist('.re-phase');
	    	//3.关闭品类
	    	closeSelist('.sel-cate');


			clickfun('#container-other .tran-mode .select','.tran-mode');
			break;
		//2.需求阶段	
		case hasClass(target,'re-phase'):
			//1.关闭交易模式
	    	closeSelist('.tran-mode');
	    	//3.关闭品类
	    	closeSelist('.sel-cate');

			clickfun('#container-other .re-phase .select','.re-phase');
			break;	
	    //品类		
	    case hasClass(target,'sel-cate'):
	    	//1.关闭交易模式
	    	closeSelist('.tran-mode');
	    	//2.关闭需求阶段
	    	closeSelist('.re-phase');

			clickfun('#container-other .sel-cate .select','.sel-cate');

	    	break;			
	    default:
	    	//1.关闭交易模式
	    	closeSelist('.tran-mode');
	    	//2.关闭需求阶段
	    	closeSelist('.re-phase');
	    	//3.关闭品类
	    	closeSelist('.sel-cate');
	    	
	}
})
//2.事件委托 所需的判断 判断是否存在某个class
function hasClass(target,selector){
    var val = target.className.indexOf(selector);
    if(val>=0){
        return true;
    }else{
        return false;
    }
}

//1.下拉列表
function clickfun(sel,sel_wrap){
	var $select = $(sel);
	//显示选择视图
	var $text = $(sel+' .text');
	// 1.定义下拉列表框变量
	var $list = $(sel+' +.selectdown');
	// 2.定义下拉列表选项
	var $li = $(sel+' +.selectdown li');

    var i = returni(sel_wrap);
    var ondown = ondownArr[i];

	if(ondown){
		animated($list,ondown);
		$select.addClass('active');
		ondownArr[i] = false;
	}else{
		animated($list,ondown);
		$select.removeClass('active');
		ondownArr[i] = true;
	}
	//选择选项
	addActive($li,$text);
}
// 下拉列表选项
function addActive($li,$text){
	$li.on('click',function(){
		$li.removeClass('active');
		$(this).addClass('active');
		$text.val($(this).text());
	})
}
//收起下拉列表
function closeSelist(sel_wrap){
	var $select = $(sel_wrap+' .select');
	var $list = $(sel_wrap+' .selectdown');

	$select.removeClass('active');
	animated($list,false);

    ondownArr[returni(sel_wrap)] = true;

	return ondownArr[returni(sel_wrap)];
}

//判断并生成 i
function returni(sel){
	var i;
	if(sel=='.tran-mode'){
		i = 0;
	}else if (sel=='.re-phase') {
		i = 1;
	}else if(sel=='.sel-cate'){
		i = 2;
	}
	return i;
}

//下拉列表下拉与收缩的动画
function animated($list,off){
	if(off){
		$list.slideDown();
	}else{
		$list.slideUp();
	}
}












//滚动条初始化
function scroll(sel){
    $(sel).niceScroll({
        cursorcolor: "rgba(30,135,242,0.3)",//#CC0071 光标颜色
        cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
        touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
        cursorwidth: "5px", //像素光标的宽度
        cursorborder: "0", // 	游标边框css定义
        cursorborderradius: "5px",//以像素为光标边界半径
        autohidemode: true //是否隐藏滚动条
    });
}